<template>
  <div class="page_padding link-box">
    <MyNavBar @goback="goback" :title="title" />
    <div class="link-box--main">
      <div class="box-tips">关于平台上的任何意见与建议、以及操作问题事宜，请通过以下方式与我们联系。</div>
      <div class="link-box__text">
        <!-- <div class="link-box--title">
          <span class="title-border">公务员绩效管理试点办公室</span>
        </div> -->
        <div class="link-box-one">
          <!-- <p>联系电话：0553-5866131</p>  
          <p><pre class="bo-span">地      址</pre>：芜湖市鸠江区瑞祥路88号皖江财富广场C1座 715绩效试点办公室</p>   -->
          <div class="box-one-left">
            <div>联系电话：</div>
            <div>
              <pre class="bo-span">地      址</pre>
              ：
            </div>
          </div>
          <div class="box-one-right">
            <div>0551-62315103, 0551-62315072</div>
            <div>合肥市庐阳区沿河路111号组织人事处</div>
          </div>
        </div>
        <!-- <div class="link-box-bot">
          <div class="box-bot--left">
            <p>联系人1：周亚鹏</p>  
            <p v-if="sticky">联系电话：15738847430(微信同号)</p>
            <p v-else>联系电话：<a :href="'tel:' + 15738847430"><van-icon name="phone-o" />15738847430</a>(微信同号)</p>  
          </div>
          <div class="box-bot--right">
            <img class="link-img" src="@/assets/images/contact/link1.jpg" />
          </div>
        </div> -->
        <!-- <div class="link-box-bot">
          <div class="box-bot--left">
            <p>联系人：王超</p>
            <p v-if="sticky">联系电话：13625544504(微信同号)</p>
            <p v-else>
              联系电话：
              <a :href="'tel:' + 13625544504">
                <van-icon name="phone-o" />
                13625544504
              </a>
              (微信同号)
            </p>
          </div>
          <div class="box-bot--right">
            <img class="link-img" src="@/assets/images/contact/link2.jpg" />
          </div>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
import MyNavBar from '@com/MyNavBar'
import { Icon } from 'vant'
export default {
  components: {
    MyNavBar,
    [Icon.name]: Icon,
  },
  data() {
    return {
      title: '联系我们',
    }
  },
  created() {},
  mounted() {},
  methods: {
    goback() {
      this.$router.go(-1)
    },
  },
}
</script>

<style lang="scss" scoped>
.link-box {
  .link-box--main {
    font-size: 13px;
    .box-tips {
      padding: 8px 12px;
      background: #f7f7f7;
      color: #70b603;
    }
    .link-box__text {
      padding: 8px 12px;
    }
    .link-box--title {
      font-weight: bold;
      color: #333;
      // font-size: 14px;
    }
    .title-border {
      padding: 10px;
      border-bottom: 3px solid #333;
    }
    .link-box-one {
      padding: 12px 0;
      border-bottom: 1px solid #ececec;
      display: flex;
      line-height: 23px;
      .box-one-right {
        flex: 1;
      }
      .box-one-right,
      .box-one-left {
        div {
          padding-top: 8px;
        }
      }

      .bo-span {
        display: inline-block;
      }
    }
    .link-box-bot {
      display: flex;
      border-bottom: 1px solid #ececec;
      padding: 12px 0;
    }
    .box-bot--left {
      width: 65%;
      p {
        padding-top: 16px;
      }
    }
    .box-bot--right {
      width: 35%;
      .link-img {
        width: 99%;
      }
    }
  }
}
</style>
